<template>
    <section class="admin-module">
        <section class="module-header">
            <slot name="header"></slot>
        </section>
        <section class="module-action">
            <slot name="action"></slot>
        </section>
        <section class="module-body">
            <slot></slot>
        </section>
        <section class="module-paginte">
            <slot name="paginate"></slot>
        </section>
        <section class="module-footer">
            <slot name="footer"></slot>
        </section>
    </section>
</template>

<script>
export default {
    name: "admin-module",
};
</script>

<style lang="scss" scoped>
.admin-module {
    height: 100%;
    display: flex;
    flex-direction: column;
    > .module-header,
    > .module-footer,
    > .module-footer,
    > .module-action {
        flex-shrink: 0;
    }
    > .module-body {
        padding: 15px 0px;
        flex: 1;
    }
}
</style>